<template>
  <div>
    <footer>
      <p>{{copyRight}} {{title}}</p>
    </footer>
  </div>
</template>

<script>
export default {
  name: "app-footer",
  props: {
   title: {
      type: String
    }
  },
  data() {
    return {
      copyRight: "Copyright 2018 Vue Demo"
    };
  },
  components: {}
};
</script>

<style scoped>
footer {
  background: #222;
  padding: 6px;
}
p {
  color: lightgreen;
  text-align: center;
}
</style>
